<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!-- <meta charset="gb2312"> -->
        
        <meta name="author" content="">

        <meta name="Keywords" content="">
        <meta name="description" content="">
        
        <!-- 启用360浏览器的极速模式(webkit)-->
        <meta name="renderer" content="webkit">          
        <!-- 避免IE使用兼容模式 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <!-- mobile -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
        
        <link rel="shortcut icon" href="favicon.ico" type="images/x-icon" />
        <link rel="bookmark" href="favicon.ico" />
        
        <title>金塔珠宝</title>
        <!--[if lt IE 9 ]>
            <script src="js/hack/html5shiv.js"></script>
        <![endif]-->
<!--        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>-->
        
        <!-- <script src="http://192.168.1.106:81/con/assets/js/f5.js"></script> -->
        

        <link rel="stylesheet" href="../Public/css/base.css">
        <link rel="stylesheet" href="../Public/css/common.css">
        <link rel="stylesheet" href="../Public/css/page.css">
        <link rel="stylesheet" href="../Public/css/font.css">
        <link rel="stylesheet" href="../Public/css/responsive.css">
        
       <style>
.checkbox-wrap{
    width: 100%;
    position: relative;
    margin: 0 auto;
    top: 30%;
    height: 40%;
  /*  left: -4%;*/
    /*background-color: white;*/
}
input[type="radio"]{
    /* width: 40px; */
    /* height: 40px; */
    /* -webkit-border-radius: 50%; */
    display: none;
    outline: none;
    -webkit-appearance: none;
}
input[type="radio"]+label {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-left: 5px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
}

label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #6f6a6a;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
      -moz-transition:background ease-in .5s;
  -webkit-transition:background ease-in .5s
}

input[type="radio"]:checked+label::before{
      background-color:#18BC9C;
    border: 5px #EEEEEE solid;
}
       </style> 
    </head>
    <body>
        <!-- nav [[ -->
        <include file="Common:header"/>
        <!-- nav ]] -->

        <!-- header [[ -->
  <!--       <header class="header">
            <div class="title">
                <div class="bg">
                    <span class="icon"></span>
                    <span class="txt">订单确认</span>
                </div>
            </div>
        </header> -->
        <!-- header ]] -->
        

        
        <!-- content [[ -->
        <div class="content mod_product_detail">
            <div class="detail">
                <form action="{:U('Orders/dingdan')}" method="post" onsubmit="return check()" name="form1">
                    <!-- 收货人 [[ -->
                    <div class="list_wrap">
                 <div style="height: 67px;width: 100%;background: #f7f7f7;border-top:1px solid #cccccc">
                  <h3 style="float: left;display: block;border: none;" class="list_title">收货人信息</h3> 
                    <h3 style="float: right;display: block;border: none;"  class="list_title" onclick="dizhitj();">新增地址</h3>
                 </div>

                        <ul class="parameter">

                              <div class="checkbox-wrap">
            <volist name="dizhi" id="vo">
 <input type="radio" name="aid" id="{$vo.id}"  <if condition='$vo.status eq 1'> checked</if> value="{$vo.id}">
             
  <label for="{$vo.id}">
  <div style="display: inline-block;width: 40%;color:#a1a1a1;">姓名：{$vo.name}</div>
  <div style="display: inline-block;margin-left: 6%;width: 40%;text-align: right;color:#a1a1a1;">{$vo.tel}</div></br>收货地址：{$vo.diqu}{$vo.address}
  </label>


</volist>
</div> 
   
                        </ul>


                    </div>
         
                    
                    <!-- 商品列表 [[ -->
                    <div class="list_wrap mod_order">
                        <h3 class="list_title" style="border: none;">商品列表</h3>
                        <ul class="item_list">
                            <volist name='goods' id='vo'>
                            <input type="hidden" name='goodid[]' value="{$vo['id']}">
                             <input type="hidden" name='gjinz[]' value="{$vo['gjinz']}">
                              <input type="hidden" name='gyanse[]' value="{$vo['gyanse']}">
                                   <input type="hidden" name='gshul[]' value="{$vo['gshul']}">
                            <li class="list list_info">
                                <div class="img_wrap">
                                    <img src="Uploads/{$vo.img}" alt="" class="img">
                                </div>
                                <div class="txt_wrap">
                                    <p class="item_title">{$vo.name}</p>

                                    <ul class="item_parameter">
                                        <notempty name="vo.chengse"><li class="p_list"><span class="txt_title">材质:</span>{$vo.chengse}</li></notempty>
                                       <notempty name="vo.guige"> <li class="p_list"><span class="txt_title">规格:</span>{$vo.guige}</li></notempty>
                                        <notempty name="vo.gjinz"><li class="p_list"><span class="txt_title">重量:</span>{$vo.gjinz}</li></notempty>
                                          <notempty name="vo.gyanse"><li class="p_list"><span class="txt_title">颜色:</span>{$vo.gyanse}</li></notempty>
                                          <notempty name="vo.gshul"><li class="p_list"><span class="txt_title">数量:</span>{$vo.gshul}</li></notempty>
                                    </ul>
                                </div>
                            </li>
                          </volist>

                         </ul>
                    </div>
              <div class="aggregate">
                        
                      <textarea style="width: 100%;min-height: 80px;border: none;outline: none; padding-left: 2%;padding-top: 2%" class="" name="liuyan" id="" placeholder="给卖家留言" ></textarea>
                    </div>
                    
                    <div class="tc btn618">
                        <input type="submit" class="mod_btn" value="订单确认">
                    </div>
                    
                </form>
                
            </div>
        </div>
        

        
        <!-- footer [[ -->
        <include file="Common:footer"/>
        <script type="text/javascript" src="../Public/layer/layer.js"></script>
        <script>
         function dizhitj(){
layer.open({
          type: 2,
           skin: 'layui-layer-rim', //加上边框
          area: ['100%', '500px'], //宽高
          title:'地址添加',
          content: ['{:U("User/dizhitjj")}'],
          end: function(){
                location.reload();
            }

        });




 }

        </script>
    <script>

   function check(){
      if (!$("input[name=aid]").is(":checked")) { 
                    layer.msg("选择收货地址",{time:1000});
                   return false;
                    }

   }

    </script>

    </body>
</html>